a{color:#333; text-decoration:none; cursor:pointer; vertical-align:bottom; outline:none; -webkit-tap-highlight-color:transparent;}a:hover{outline:none;}a:focus{outline:none;}
*{margin: 0; padding: 0;list-style-type:none;}
a, img{border:0;}
a{width: 100%; height: 100%; display: block;}
/* 清除浮动 */
.clearfix:before,.clearfix:after {content:""; display:table;}
.clearfix:after {clear:both; overflow:hidden;}
.clearfix {zoom:1; /* for ie6 & ie7 */}
.clear {clear:both; display:block; font-size:0; height:0; line-height:0; overflow:hidden;}

.border_none{border: none}

.float_l{float: left}
.float_r{float: right}

.position_f{position: fixed}
.position_a{position: absolute}
.position_r{position: relative}
.position_s{position: static}

.font_weight{font-weight: bold}

.font_size10{font-size: 10px}
.font_size15{font-size: 15px}
.font_size20{font-size: 20px}
.font_size25{font-size: 25px}
.font_size35{font-size: 35px}
.font_size40{font-size: 40px}
.font_size45{font-size: 45px}
.font_size50{font-size: 50px}
.font_size70{font-size: 70px}

.text_center{text-align: center}
.w_100_100{width: 100%}
.h_100_100{height: 100%}
.h_10{height: 10px}
.h_20{height: 20px}
.h_25{height: 25px}
.h_30{height: 30px}
.h_35{height: 35px}
.h_40{height: 40px}
.h_45{height: 45px}
.h_50{height: 50px}

.line_h_20{line-height: 20px}
.line_h_25{line-height: 25px}
.line_h_30{line-height: 30px}
.line_h_35{line-height: 35px}
.line_h_40{line-height: 40px}
.line_h_45{line-height: 45px}
.line_h_50{line-height: 50px}

.margin_t_10{margin-top: 10px}
.margin_t_15{margin-top: 15px}
.margin_t_20{margin-top: 20px}
.margin_t_25{margin-top: 25px}
.margin_t_30{margin-top: 30px}
.margin_t_40{margin-top: 40px}

.margin_l_10{margin-left: 10px}
.margin_l_15{margin-left: 15px}
.margin_l_20{margin-left: 20px}
.margin_l_25{margin-left: 25px}
.margin_l_30{margin-left: 30px}
.margin_l_40{margin-left: 40px}

.margin_r_10{margin-right: 10px}
.margin_r_15{margin-right: 15px}
.margin_r_20{margin-right: 20px}
.margin_r_25{margin-right: 25px}
.margin_r_30{margin-right: 30px}
.margin_r_40{margin-right: 40px}

.margin_b_10{margin-bottom: 10px}
.margin_b_15{margin-bottom: 15px}
.margin_b_20{margin-bottom: 20px}
.margin_b_25{margin-bottom: 25px}
.margin_b_30{margin-bottom: 30px}
.margin_b_40{margin-bottom: 40px}

.top_0{top:0px}
.top_5{top:5px}
.right_0{right: 0px}
.right_5{right: 5px}

.color_white{color: white}
.color_black{color: black}

.bg_white{background: white}
.bg_black{background: black}
.bg_clear{background: transparent}

/*main*/
.content{width: 100%; height: 768px; margin: 0 auto}
.con_left{width: 30%; height: 100%; background: #ffffaa}
.con_right{width: 30%; height: 100%;}
.con_center{width: 70%; height: 100%; margin: 0 auto; background: #cad2d3; float: left;}

/**/
body {
    font: 13px 'Open Sans', "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
}

.qqzone{width: calc(100% - 42px); padding: 20px; min-height: 120px; border: 1px solid #f0f0f0; background: #98dbcc}
.qqzone li{float: left; margin-left: 5px; margin-top: 5px; width: 40%; font-size: 15px;}


/**/

#skimimage {width: 100%; max-height: 300px; min-height: 100px; background: orange; overflow-x: scroll;}

.grid {
    width: 100%; height: 100%;
    perspective: 500px; /*For 3d*/
}
.grid img {width: 80px; height: 80px; display: block; float: left;}
/**/